<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Extend Fields : Ionize User Guide</title>

<style type='text/css' media='all'>@import url('../userguide.css');</style>
<link rel='stylesheet' type='text/css' media='all' href='../userguide.css' />

<script type="text/javascript" src="../nav/nav.js"></script>
<script type="text/javascript" src="../nav/prototype.lite.js"></script>
<script type="text/javascript" src="../nav/moo.fx.js"></script>
<script type="text/javascript" src="../nav/user_guide_menu.js"></script>

<meta http-equiv='expires' content='-1' />
<meta http-equiv= 'pragma' content='no-cache' />
<meta name='robots' content='all' />
<meta name='author' content='Ionize Dev Team' />
<meta name='description' content='Ionize User Guide' />

</head>
<body>

<!-- START NAVIGATION -->
<div id="nav"><div id="nav_inner"><script type="text/javascript">create_menu('../');</script></div></div>
<div id="nav2" onclick="myHeight.toggle();"><a name="top"></a><a href="javascript:void(0);"><img src="../images/nav_toggle_darker.jpg" width="154" height="43" border="0" title="Toggle Table of Contents" alt="Toggle Table of Contents" /></a></div>
<div id="masthead">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td><h1>Ionize User Guide Version 0.9.7</h1></td>
<td id="breadcrumb_right"><a href="../toc.html">Table of Contents Page</a></td>
</tr>
</table>
</div>
<!-- END NAVIGATION -->


<!-- START BREADCRUMB -->
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td id="breadcrumb">
<a href="http://www.ionizecms.com/">Ionize Home</a> &nbsp;&#8250;&nbsp;
<a href="../index.html">User Guide Home</a> &nbsp;&#8250;&nbsp;
Extend Fields
</td>
<td id="searchbox"><form method="get" action="http://www.google.com/search"><input type="hidden" name="as_sitesearch" id="as_sitesearch" value="ionizecms.com/user-guide" />Search User Guide&nbsp; <input type="text" class="input" style="width:200px;" name="q" id="q" size="31" maxlength="255" value="" />&nbsp;<input type="submit" class="submit" name="sa" value="Go" /></form></td>
</tr>
</table>
<!-- END BREADCRUMB -->

<br clear="all" />


<!-- START CONTENT -->
<div id="content">

<h1>Extend Fields</h1>

<p>Extend Fields extends the default data model by adding fields to page, article and media.</p>

<p>Extend Fields needs to be activated to be used.</p>

<p>To activate the Extend Fields : </p>
<ol>
	<li>Activate the use of Extend Fields in : <var>Settings > Advanced Settings</var>
	<li>Reload Ionize : Extend Fields are available in the menu <var>Content > Extend Fields</var></li>
</ol>


<h2>Create an Extend Field</h2>

<img src="../images/ionize_extended_field_creation.jpg" />

<table cellpadding="0" cellspacing="1" border="0" style="width:100%" class="tableborder">
<tr>
	<th>Setting</th>
	<th>Description</th>
</tr>
<tr>
	<td class="td"><strong>Context</strong></td>
	<td class="td">Kind of content the current created Extend Field is attached to.</td>
</tr>
<tr>
	<td class="td"><strong>Name</strong></td>
	<td class="td">
		Name of the Extend Field.<br/>
		Used in the &lt;ion:field /> tag to get the Extend Field value.
	</td>
</tr>
<tr>
	<td class="td"><strong>Name</strong></td>
	<td class="td">Name of the Extend Field.</td>
</tr>
<tr>
	<td class="td"><strong>Label</strong></td>
	<td class="td">Label displayed in Ionize for this Extend Field</td>
</tr>
<tr>
	<td class="td"><strong>Can be translated</strong></td>
	<td class="td">When activated, this Extend Field can have a value for each installed language</td>
</tr>
<tr>
	<td class="td"><strong>Type</strong></td>
	<td class="td">
		Kind of data.<br/>
		<strong>Input</strong> : A simple text input
		<strong>Textarea</strong> : A simple textarea
		<strong>Textarea + Editor</strong> : The textarea will be displayed through a Wysiwyg texteditor
		<strong>Checkbox, Radio, Select</strong> : List of values 
	</td>
</tr>
<tr>
	<td class="td"><strong>Values</strong></td>
	<td class="td">Need to be used when checkbox, radio or select type is chosen.</td>
</tr>
<tr>
	<td class="td"><strong>Default value</strong></td>
	<td class="td">
		Used value when no value is set by the Editor.<br />
		In case of checkbox, radio or select, the key must be used.
	</td>
</tr>
<tr>
	<td class="td"><strong>Description</strong></td>
	<td class="td">Help displayed on the label.</td>
</tr>
</table>


<h2>Set the Extend Field value</h2>

<p>Once created, the Extend Field will appear in its context panel.</p>

<p>An article Extend Field will appear on the article edition panel.</p>

<img src="../images/ionize_extended_field_feed.jpg" alt="Extend Field feeding" />



<h2>Use an Extend Field in views</h2>

<p>Extend Fields are use in views through a dedicated tag : &lt;ion:field />.</p>

<p>In case of radio, checkbox or select, the returned value will be the key.

<pre>
&lt;!-- In the above example, if "Medium" is selected by the Editor, the value “2” will be returned. -->
&lt;ion:field name="difficulty" from="article" />
</pre>

<p>See the <a href="../tags/special_tags.html">field tag documentation</a> for more details.</p>



</div>
<!-- END CONTENT -->


<div id="footer">
<p>
Previous Topic:&nbsp;&nbsp;<a href="./display_media.html">Display media</a>
&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="#top">Top of Page</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="../index.html">User Guide Home</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
Next Topic:&nbsp;&nbsp;<a href="php_in_views.html">PHP in Views</a>
</p>
<p><a href="http://www.ionizecms.com/">Ionize website</a></p>
</div>

</body>
</html>